<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%String contextRoot = request.getContextPath();%>
<f:loadBundle basename="properties.messages" var="msg"/>
<f:view>
<!doctype html>
<html>
<head>
	<%@ include file="include/meta.jsp" %>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>SISDEP : Sistema de Informaci<h:outputText value="#{msg.tilde_o}" />n de Espacio P<h:outputText value="#{msg.tilde_u}" />blico</title>
	<meta name="description" content="">
	<meta name="author" content="">
	<link rel="stylesheet" href="<%=contextRoot%>/css/validationEngine.jquery.css" type="text/css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/normalize.css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/uniform.css"> <!-- estilos formularios -->
	<link rel="stylesheet" href="<%=contextRoot%>/css/cuerpo.css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/richCustom.css">	
</head>
<body>
<div id="marco"> <!--inicio contenedor --> 
<div class="arriba-cuerpo"></div> <!-- Burrada pa ver borde redondo en IE -->
<div class="cuerpo">
<a href="<%=contextRoot%>/index.jsf"><img src="<%= contextRoot %>/images/logos.png" /></a>
<div class="clear"></div>
<!-- Menu y Usuario init() -->
	<%@ include file="include/menuUsuario.jsp" %>
<!-- Menu y Usuario end() -->
<div class="clear"></div>
<!-- Formulario -->
<div id="buscador">
<h2>Estudio Socio Econ<h:outputText value="#{msg.tilde_o}" />mico - Administraci<h:outputText value="#{msg.tilde_o}" />n de Grupo Familiar: <h:outputText value="#{estGrupoFamiliarController.estGrupoFamiliar.id ne '' ? 'NUEVO' : 'EDICION'}" /></h2>
<h:form id="createEstGrupoFamiliarForm">
	<h:inputHidden id="idEstSocioEconomico"
		value="#{estGrupoFamiliarController.estGrupoFamiliar.idEstSocioEconomico}"/>
	<div id="estGrupoFamiliarCreateFormContainer" style="display:block;">
		<span class="left" style="margin-left: 0px;">
			<label>Orden <span class="asterisco">*</span></label>
				<h:inputText id="orden" size="9" maxlength="9" styleClass="validate[required]"
					value="#{estGrupoFamiliarController.estGrupoFamiliar.orden}" />
		</span>
		<span class="left" style="margin-left: 30px;">
			<label>Tipo Identificaci<h:outputText value="#{msg.tilde_o}" />n <span class="asterisco">*</span></label>
				<h:selectOneMenu id="idTipoIdentificacionStr" styleClass="validate[required]" value="#{estGrupoFamiliarController.estGrupoFamiliar.idTipoIdentificacionStr}">
                    <f:selectItem itemLabel="Seleccione..." itemValue=""/>
                    <f:selectItems value="#{masterListCache.identificationTypeList}"/>
                </h:selectOneMenu>
		</span>
		<span class="left" style="margin-left:30px">
			<label>Identificaci<h:outputText value="#{msg.tilde_o}" />n <span class="asterisco">*</span></label>
				<h:inputText id="identificacion" size="20" maxlength="20" styleClass="validate[required]"
					value="#{estGrupoFamiliarController.estGrupoFamiliar.identificacion}" />
		</span>
		
		<div class="clear" style="margin-left: 400px;"></div>
		
		<span class="left" style="margin-left:0px">
			<label>Primer Nombre <span class="asterisco">*</span></label>
				<h:inputText id="primerNombre" size="40" maxlength="60" styleClass="validate[required]"
						value="#{estGrupoFamiliarController.estGrupoFamiliar.primerNombre}" />
		</span>
		<span class="left" style="margin-left:30px">
			<label>Segundo Nombre </label>
				<h:inputText id="segundoNombre" size="40" maxlength="60" styleClass=""
						value="#{estGrupoFamiliarController.estGrupoFamiliar.segundoNombre}" />
		</span>

		<div class="clear" style="margin-left: 400px;"></div>

		<span class="left" style="margin-left:0px">
			<label>Primer Apellido <span class="asterisco">*</span></label>
				<h:inputText id="primerApellido" size="40" maxlength="60" styleClass="validate[required]"
						value="#{estGrupoFamiliarController.estGrupoFamiliar.primerApellido}" />
		</span>
		<span class="left" style="margin-left:30px">
			<label>Segundo Apellido </label>
				<h:inputText id="segundoApellido" size="40" maxlength="60" styleClass=""
						value="#{estGrupoFamiliarController.estGrupoFamiliar.segundoApellido}" />
		</span>
		
		<div class="clear" style="margin-left: 400px;"></div>


		<span class="left" style="margin-left: 0px;">
			<label>Fecha Nacimiento <span class="asterisco">*</span></label>
			<h:inputText id="fechaNacimiento" styleClass="validate[required,custom[date]] fechaNacimiento" size="10" maxlength="10"
					value="#{estGrupoFamiliarController.estGrupoFamiliar.fechaNacimiento}">
				<f:convertDateTime pattern="dd/MM/yyyy"/>
			</h:inputText>
		</span>

		<span class="left" style="margin-left: 30px;">
			<label>Sexo <span class="asterisco">*</span></label>
				<h:selectOneMenu id="idSexoStr" styleClass="validate[required]" value="#{estGrupoFamiliarController.estGrupoFamiliar.idSexoStr}">
                             <f:selectItem itemLabel="Seleccione..." itemValue=""/>
                             <f:selectItems value="#{masterListCache.sexTypeList}"/>
                         </h:selectOneMenu>
		</span>
		<span class="left" style="margin-left: 30px;">
			<label>Estado Civ<h:outputText value="#{msg.tilde_i}" />l <span class="asterisco">*</span></label>
				<h:selectOneMenu id="idEstadoCivilStr" styleClass="validate[required]" value="#{estGrupoFamiliarController.estGrupoFamiliar.idEstadoCivilStr}">
                             <f:selectItem itemLabel="Seleccione..." itemValue=""/>
                             <f:selectItems value="#{masterListCache.maritalStateList}"/>
                         </h:selectOneMenu>
		</span>
		<span class="left" style="margin-left: 30px;">
			<label>Parentezco <span class="asterisco">*</span></label>
				<h:selectOneMenu id="idParentezcoStr" styleClass="validate[required]" value="#{estGrupoFamiliarController.estGrupoFamiliar.idParentezcoStr}">
                             <f:selectItem itemLabel="Seleccione..." itemValue=""/>
                             <f:selectItems value="#{masterListCache.kinshipTypeList}"/>
                         </h:selectOneMenu>
		</span>
		
		<div class="clear" style="margin-left: 400px;"></div>
		
		<span class="left" style="margin-left: 0px;">
			<label>Tipo Ocupaci<h:outputText value="#{msg.tilde_o}" />n <span class="asterisco">*</span></label>
				<h:selectOneMenu id="idTipoOcupacionStr" styleClass="validate[required]" value="#{estGrupoFamiliarController.estGrupoFamiliar.idTipoOcupacionStr}">
                             <f:selectItem itemLabel="Seleccione..." itemValue=""/>
                             <f:selectItems value="#{masterListCache.typeOfOccupationTypeList}"/>
                         </h:selectOneMenu>
		</span>
		<span class="left" style="margin-left: 30px;">
			<label>Ocupaci<h:outputText value="#{msg.tilde_o}" />n <span class="asterisco">*</span></label>
				<h:selectOneMenu id="idOcupacionStr" styleClass="validate[required]" value="#{estGrupoFamiliarController.estGrupoFamiliar.idOcupacionStr}">
                             <f:selectItem itemLabel="Seleccione..." itemValue=""/>
                             <f:selectItems value="#{masterListCache.occupationTypeList}"/>
                         </h:selectOneMenu>
		</span>
		
		<div class="clear" style="margin-left: 400px;"></div>
		<span class="left" style="margin-left: 0px;">
			<label>Escolaridad <span class="asterisco">*</span></label>
				<h:selectOneMenu id="idEscolaridadStr" styleClass="validate[required]" value="#{estGrupoFamiliarController.estGrupoFamiliar.idEscolaridadStr}">
                             <f:selectItem itemLabel="Seleccione..." itemValue=""/>
                             <f:selectItems value="#{masterListCache.schoolingTypeList}"/>
                         </h:selectOneMenu>
		</span>
		<div class="clear" style="margin-left: 400px;"></div>
		
		<span class="left" style="margin-left: 0px;">
			<label>Regimen Salud <span class="asterisco">*</span></label>
				<h:selectOneMenu id="idRegimenSaludStr" styleClass="validate[required]" value="#{estGrupoFamiliarController.estGrupoFamiliar.idRegimenSaludStr}">
                             <f:selectItem itemLabel="Seleccione..." itemValue=""/>
                             <f:selectItems value="#{masterListCache.healthSystemTypeList}"/>
                         </h:selectOneMenu>
		</span>
		<span class="left" style="margin-left: 30px;">
			<label>SISBEN <span class="asterisco">*</span></label>
				<h:selectOneMenu id="sisben" styleClass="validate[required]" value="#{estGrupoFamiliarController.estGrupoFamiliar.sisben}">
                	<f:selectItem itemLabel="Seleccione..." itemValue=""/>
                    <f:selectItem itemLabel="S#{msg.tilde_i}" itemValue="S"/>
                    <f:selectItem itemLabel="No" itemValue="N"/>
                </h:selectOneMenu>
		</span>
		<span class="left" style="margin-left: 30px;">
			<label>SISBEN Nivel <span class="asterisco">*</span></label>
				<h:selectOneMenu id="idSisbenNivelStr" styleClass="validate[required]" value="#{estGrupoFamiliarController.estGrupoFamiliar.idSisbenNivelStr}">
                             <f:selectItem itemLabel="Seleccione..." itemValue=""/>
                             <f:selectItems value="#{masterListCache.SISBENLevelTypeList}"/>
                         </h:selectOneMenu>
		</span>
		
		<span class="left" style="margin-left: 30px;">
			<label>Persona A Cargo <span class="asterisco">*</span></label>
				<h:selectOneMenu id="personaCargo" styleClass="validate[required]" value="#{estGrupoFamiliarController.estGrupoFamiliar.personaCargo}">
                	<f:selectItem itemLabel="Seleccione..." itemValue=""/>
                	<f:selectItem itemLabel="S#{msg.tilde_i}" itemValue="S"/>
                	<f:selectItem itemLabel="No" itemValue="N"/>
                </h:selectOneMenu>
		</span>

		<div class="clear" style="margin-left: 400px;"></div>
		
		<span class="left" style="margin-left: 0px;">
			<label>Aspecto Poblacional <span class="asterisco">*</span></label>
				<h:selectOneMenu id="idAspectoPoblacionalStr" styleClass="validate[required]" value="#{estGrupoFamiliarController.estGrupoFamiliar.idAspectoPoblacionalStr}">
                             <f:selectItem itemLabel="Seleccione..." itemValue=""/>
                             <f:selectItems value="#{masterListCache.populationAspectTypeList}"/>
                         </h:selectOneMenu>
		</span>
		<span class="left" style="margin-left: 30px;">
			<label>¿Discapacitado?<span class="asterisco">*</span></label>
				<h:selectOneMenu id="discapacitado" styleClass="validate[required]" value="#{estGrupoFamiliarController.estGrupoFamiliar.discapacitado}">
                    <f:selectItem itemLabel="Seleccione..." itemValue=""/>
                    <f:selectItem itemLabel="S#{msg.tilde_i}" itemValue="S"/>
                    <f:selectItem itemLabel="No" itemValue="N"/>
               	</h:selectOneMenu>
		</span>
		
		<div class="clear" style="margin-left: 400px;"></div>
		
		<span class="left" style="margin-left:0px">
			<label>Observaci<h:outputText value="#{msg.tilde_o}" />n <span class="asterisco">*</span></label>
				<h:inputTextarea id="observacion" cols="90" rows="3" styleClass="validate[required,maxSize[128]]"
					style="width:550px !important; min-width:550px !important; max-width:550px !important; height:60px !important; min-height:60px !important; max-height:60px !important;"
					value="#{estGrupoFamiliarController.estGrupoFamiliar.observacion}" />
		</span>
		
		<div class="clear" style="margin-left: 400px;"></div>
		
		<span class="left" style="margin-left:0px">
			<label>Estado <span class="asterisco">*</span></label>
				<h:selectOneMenu id="estado" styleClass="validate[required]" value="#{estGrupoFamiliarController.estGrupoFamiliar.estado}">
                	<f:selectItem itemLabel="Seleccione..." itemValue=""/>
                	<f:selectItem itemLabel="Activo" itemValue="ACTIVO"/>
                	<f:selectItem itemLabel="Retirado" itemValue="RETIRADO"/>
                </h:selectOneMenu>
		</span>
		<br/>
		<br/>
		<br/>
		<div class="clear"></div>
		(<span class="asterisco"> * </span>) : Campo Obligatorio
		<div class="clear"></div>
		<span class="botones right">
			<h:commandButton id="createEstGrupoFamiliarButton"
							 styleClass="botonsmall"
			                 type="submit" 
			                 value="Guardar" 
			                 ondblclick="return false;" 
			                 action="#{estGrupoFamiliarController.create}" >
			</h:commandButton>
		</span>
	</div>
</h:form>
		<span class="botones left">
		<h:form id="cleanEstGrupoFamiliarForm">
		<h:commandButton id="cleanEstGrupoFamiliardButton"
						 styleClass="botonsmall"
		                 type="submit" 
		                 value="Limpiar" 
		                 ondblclick="return false;" 
                         action="#{estGrupoFamiliarController.createEstGrupoFamiliar}" >
		</h:commandButton>		
		</h:form>
		</span>
</div>
<!-- Fin formulario --> 
<div class="clear"></div>
	<div>
		    <h:form id="cancelEstGrupoFamiliarForm">
			<h:commandButton id="cancelCreateEstGrupoFamiliarButton"
							 styleClass="botonsmall" 
                             type="submit" 
                             value="Cancelar" 
                             ondblclick="return false;" 
                             action="#{estGrupoFamiliarController.cancelEstGrupoFamiliar}" >
            </h:commandButton>
            </h:form>
	</div>
	<div id="containerError" style="display:block;">
		<span class="botones left"><h:messages style="font-weight: bold; color: #FF0000;" /></span>
	</div>
</div>
<div class="abajo-cuerpo"></div> <!-- Burrada pa ver borde redondo en IE -->
</div> <!-- Fin contenedor -->
<div class="footer"></div>
	<script src="<%=contextRoot%>/js/jquery/lib/jquery-1.7.2.min.js"></script><!-- De ser 1ro -->
	<script src="<%=contextRoot%>/js/script.js" type="text/javascript"></script><!-- De ser 2do -->
	<script src="<%=contextRoot%>/js/jquery/lib/jquery.uniform.min.js"></script> <!-- formularios -->
	<script src="<%=contextRoot%>/js/jquery/lib/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
	<script src="<%=contextRoot%>/js/jquery/lib/jquery.validationEngine-es.js" type="text/javascript" charset="utf-8"></script>
    <script src="<%=contextRoot%>/js/jquery.maskedinput-1.3.js" type="text/javascript"></script>
	<script type="text/javascript">
		<!--
        jQ(document).ready(function() {
        	jQ("input, select, input:checkbox, input:radio, input:file").uniform();
        	jQ("#createEstGrupoFamiliarForm").validationEngine('attach');
        	jQ("#createEstGrupoFamiliarForm").bind("jqv.form.result", 
                	function(event, errorFound) {
        				if(!errorFound){ 
            				displayLoadingImage();
        				}
        			});
        	jQ(".fechaNacimiento").mask("99/99/9999");
        });
        //-->
    </script>
</body>
</html>
</f:view>
